<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>helix-front documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	   <link rel="stylesheet" href="../styles/style.css">
        <link rel="stylesheet" href="../styles/dark.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">helix-front documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content module">
                   <div class="content-data">



<ol class="breadcrumb">
    <li>Modules</li>
    <li >SharedModule</li>
</ol>

<div class="text-center module-graph-container">
    <div id="module-graph-svg">
        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (20220707.1540)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="2360pt" height="247pt"
 viewBox="0.00 0.00 2360.00 246.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 242.8)">
<title>dependencies</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-242.8 2356,-242.8 2356,4 -4,4"/>
<text text-anchor="middle" x="1176" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
<g id="clust1" class="cluster">
<title>cluster_SharedModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-230.8 2344,-230.8 2344,-32.8 8,-32.8"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_SharedModule_declarations</title>
<polygon fill="none" stroke="black" points="302,-40.8 302,-92.8 2336,-92.8 2336,-40.8 302,-40.8"/>
</g>
<g id="clust15" class="cluster">
<title>cluster_SharedModule_imports</title>
<polygon fill="none" stroke="black" points="172,-40.8 172,-92.8 294,-92.8 294,-40.8 172,-40.8"/>
</g>
<g id="clust18" class="cluster">
<title>cluster_SharedModule_providers</title>
<polygon fill="none" stroke="black" points="16,-40.8 16,-92.8 164,-92.8 164,-40.8 16,-40.8"/>
</g>
<g id="clust16" class="cluster">
<title>cluster_SharedModule_exports</title>
<polygon fill="none" stroke="black" points="497,-170.8 497,-222.8 1848,-222.8 1848,-170.8 497,-170.8"/>
</g>
<!-- AlertDialogComponent -->
<g id="node1" class="node">
<title>AlertDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="2328.2,-84.8 2179.8,-84.8 2179.8,-48.8 2328.2,-48.8 2328.2,-84.8"/>
<text text-anchor="middle" x="2254" y="-62.6" font-family="Times,serif" font-size="14.00">AlertDialogComponent</text>
</g>
<!-- SharedModule -->
<g id="node13" class="node">
<title>SharedModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1193.43,-149.8 1190.43,-153.8 1169.43,-153.8 1166.43,-149.8 1094.57,-149.8 1094.57,-113.8 1193.43,-113.8 1193.43,-149.8"/>
<text text-anchor="middle" x="1144" y="-127.6" font-family="Times,serif" font-size="14.00">SharedModule</text>
</g>
<!-- AlertDialogComponent&#45;&gt;SharedModule -->
<g id="edge1" class="edge">
<title>AlertDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M2254,-84.93C2254,-105.37 2254,-135.8 2254,-135.8 2254,-135.8 1203.49,-135.8 1203.49,-135.8"/>
<polygon fill="black" stroke="black" points="1203.49,-132.3 1193.49,-135.8 1203.49,-139.3 1203.49,-132.3"/>
</g>
<!-- ConfirmDialogComponent -->
<g id="node2" class="node">
<title>ConfirmDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="2161.38,-84.8 1994.62,-84.8 1994.62,-48.8 2161.38,-48.8 2161.38,-84.8"/>
<text text-anchor="middle" x="2078" y="-62.6" font-family="Times,serif" font-size="14.00">ConfirmDialogComponent</text>
</g>
<!-- ConfirmDialogComponent&#45;&gt;SharedModule -->
<g id="edge2" class="edge">
<title>ConfirmDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M2078,-84.91C2078,-104.14 2078,-131.8 2078,-131.8 2078,-131.8 1203.23,-131.8 1203.23,-131.8"/>
<polygon fill="black" stroke="black" points="1203.23,-128.3 1193.23,-131.8 1203.23,-135.3 1203.23,-128.3"/>
</g>
<!-- DataTableComponent -->
<g id="node3" class="node">
<title>DataTableComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1976.63,-84.8 1837.37,-84.8 1837.37,-48.8 1976.63,-48.8 1976.63,-84.8"/>
<text text-anchor="middle" x="1907" y="-62.6" font-family="Times,serif" font-size="14.00">DataTableComponent</text>
</g>
<!-- DataTableComponent&#45;&gt;SharedModule -->
<g id="edge3" class="edge">
<title>DataTableComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1908.27,-85.07C1908.27,-103.36 1908.27,-128.8 1908.27,-128.8 1908.27,-128.8 1203.26,-128.8 1203.26,-128.8"/>
<polygon fill="black" stroke="black" points="1203.26,-125.3 1193.26,-128.8 1203.26,-132.3 1203.26,-125.3"/>
</g>
<!-- DetailHeaderComponent -->
<g id="node4" class="node">
<title>DetailHeaderComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1818.95,-84.8 1663.05,-84.8 1663.05,-48.8 1818.95,-48.8 1818.95,-84.8"/>
<text text-anchor="middle" x="1741" y="-62.6" font-family="Times,serif" font-size="14.00">DetailHeaderComponent</text>
</g>
<!-- DetailHeaderComponent&#45;&gt;SharedModule -->
<g id="edge4" class="edge">
<title>DetailHeaderComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1671.65,-84.83C1671.65,-101.86 1671.65,-124.8 1671.65,-124.8 1671.65,-124.8 1203.64,-124.8 1203.64,-124.8"/>
<polygon fill="black" stroke="black" points="1203.64,-121.3 1193.64,-124.8 1203.64,-128.3 1203.64,-121.3"/>
</g>
<!-- DisabledLabelComponent -->
<g id="node5" class="node">
<title>DisabledLabelComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1645.47,-84.8 1482.53,-84.8 1482.53,-48.8 1645.47,-48.8 1645.47,-84.8"/>
<text text-anchor="middle" x="1564" y="-62.6" font-family="Times,serif" font-size="14.00">DisabledLabelComponent</text>
</g>
<!-- DisabledLabelComponent&#45;&gt;SharedModule -->
<g id="edge5" class="edge">
<title>DisabledLabelComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1489.14,-84.81C1489.14,-100.85 1489.14,-121.8 1489.14,-121.8 1489.14,-121.8 1203.45,-121.8 1203.45,-121.8"/>
<polygon fill="black" stroke="black" points="1203.45,-118.3 1193.45,-121.8 1203.45,-125.3 1203.45,-118.3"/>
</g>
<!-- InputDialogComponent -->
<g id="node6" class="node">
<title>InputDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1464.49,-84.8 1315.51,-84.8 1315.51,-48.8 1464.49,-48.8 1464.49,-84.8"/>
<text text-anchor="middle" x="1390" y="-62.6" font-family="Times,serif" font-size="14.00">InputDialogComponent</text>
</g>
<!-- InputDialogComponent&#45;&gt;SharedModule -->
<g id="edge6" class="edge">
<title>InputDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1321.02,-84.92C1321.02,-99.58 1321.02,-117.8 1321.02,-117.8 1321.02,-117.8 1203.31,-117.8 1203.31,-117.8"/>
<polygon fill="black" stroke="black" points="1203.31,-114.3 1193.31,-117.8 1203.31,-121.3 1203.31,-114.3"/>
</g>
<!-- InputInlineComponent -->
<g id="node7" class="node">
<title>InputInlineComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1297.54,-84.8 1154.46,-84.8 1154.46,-48.8 1297.54,-48.8 1297.54,-84.8"/>
<text text-anchor="middle" x="1226" y="-62.6" font-family="Times,serif" font-size="14.00">InputInlineComponent</text>
</g>
<!-- InputInlineComponent&#45;&gt;SharedModule -->
<g id="edge7" class="edge">
<title>InputInlineComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1173.72,-84.91C1173.72,-84.91 1173.72,-103.79 1173.72,-103.79"/>
<polygon fill="black" stroke="black" points="1170.22,-103.79 1173.72,-113.79 1177.22,-103.79 1170.22,-103.79"/>
</g>
<!-- JsonViewerComponent -->
<g id="node8" class="node">
<title>JsonViewerComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1136.93,-84.8 989.07,-84.8 989.07,-48.8 1136.93,-48.8 1136.93,-84.8"/>
<text text-anchor="middle" x="1063" y="-62.6" font-family="Times,serif" font-size="14.00">JsonViewerComponent</text>
</g>
<!-- JsonViewerComponent&#45;&gt;SharedModule -->
<g id="edge8" class="edge">
<title>JsonViewerComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1115.75,-84.91C1115.75,-84.91 1115.75,-103.79 1115.75,-103.79"/>
<polygon fill="black" stroke="black" points="1112.25,-103.79 1115.75,-113.79 1119.25,-103.79 1112.25,-103.79"/>
</g>
<!-- KeyValuePairDirective -->
<g id="node9" class="node">
<title>KeyValuePairDirective</title>
<polygon fill="#ffffb3" stroke="black" points="971.89,-84.8 824.11,-84.8 824.11,-48.8 971.89,-48.8 971.89,-84.8"/>
<text text-anchor="middle" x="898" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairDirective</text>
</g>
<!-- KeyValuePairDirective&#45;&gt;SharedModule -->
<g id="edge9" class="edge">
<title>KeyValuePairDirective&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M961.22,-84.92C961.22,-99.58 961.22,-117.8 961.22,-117.8 961.22,-117.8 1084.54,-117.8 1084.54,-117.8"/>
<polygon fill="black" stroke="black" points="1084.54,-121.3 1094.54,-117.8 1084.54,-114.3 1084.54,-121.3"/>
</g>
<!-- KeyValuePairsComponent -->
<g id="node10" class="node">
<title>KeyValuePairsComponent</title>
<polygon fill="#ffffb3" stroke="black" points="806.08,-84.8 639.92,-84.8 639.92,-48.8 806.08,-48.8 806.08,-84.8"/>
<text text-anchor="middle" x="723" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairsComponent</text>
</g>
<!-- KeyValuePairsComponent&#45;&gt;SharedModule -->
<g id="edge10" class="edge">
<title>KeyValuePairsComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M736.93,-84.81C736.93,-100.85 736.93,-121.8 736.93,-121.8 736.93,-121.8 1084.49,-121.8 1084.49,-121.8"/>
<polygon fill="black" stroke="black" points="1084.49,-125.3 1094.49,-121.8 1084.49,-118.3 1084.49,-125.3"/>
</g>
<!-- NodeViewerComponent -->
<g id="node11" class="node">
<title>NodeViewerComponent</title>
<polygon fill="#ffffb3" stroke="black" points="622.36,-84.8 469.64,-84.8 469.64,-48.8 622.36,-48.8 622.36,-84.8"/>
<text text-anchor="middle" x="546" y="-62.6" font-family="Times,serif" font-size="14.00">NodeViewerComponent</text>
</g>
<!-- NodeViewerComponent&#45;&gt;SharedModule -->
<g id="edge11" class="edge">
<title>NodeViewerComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M563.54,-84.83C563.54,-101.86 563.54,-124.8 563.54,-124.8 563.54,-124.8 1084.51,-124.8 1084.51,-124.8"/>
<polygon fill="black" stroke="black" points="1084.51,-128.3 1094.51,-124.8 1084.51,-121.3 1084.51,-128.3"/>
</g>
<!-- StateLabelComponent -->
<g id="node12" class="node">
<title>StateLabelComponent</title>
<polygon fill="#ffffb3" stroke="black" points="451.69,-84.8 310.31,-84.8 310.31,-48.8 451.69,-48.8 451.69,-84.8"/>
<text text-anchor="middle" x="381" y="-62.6" font-family="Times,serif" font-size="14.00">StateLabelComponent</text>
</g>
<!-- StateLabelComponent&#45;&gt;SharedModule -->
<g id="edge12" class="edge">
<title>StateLabelComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M381,-85.07C381,-103.36 381,-128.8 381,-128.8 381,-128.8 1084.53,-128.8 1084.53,-128.8"/>
<polygon fill="black" stroke="black" points="1084.53,-132.3 1094.53,-128.8 1084.53,-125.3 1084.53,-132.3"/>
</g>
<!-- DetailHeaderComponent  -->
<g id="node15" class="node">
<title>DetailHeaderComponent </title>
<polygon fill="#fb8072" stroke="black" points="1839.95,-214.8 1680.05,-214.8 1680.05,-178.8 1839.95,-178.8 1839.95,-214.8"/>
<text text-anchor="middle" x="1760" y="-192.6" font-family="Times,serif" font-size="14.00">DetailHeaderComponent </text>
</g>
<!-- SharedModule&#45;&gt;DetailHeaderComponent  -->
<g id="edge14" class="edge">
<title>SharedModule&#45;&gt;DetailHeaderComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1193.3,-139.8C1337.71,-139.8 1749.62,-139.8 1749.62,-139.8 1749.62,-139.8 1749.62,-168.76 1749.62,-168.76"/>
<polygon fill="black" stroke="black" points="1746.13,-168.76 1749.62,-178.76 1753.13,-168.76 1746.13,-168.76"/>
</g>
<!-- DisabledLabelComponent  -->
<g id="node16" class="node">
<title>DisabledLabelComponent </title>
<polygon fill="#fb8072" stroke="black" points="1662.47,-214.8 1495.53,-214.8 1495.53,-178.8 1662.47,-178.8 1662.47,-214.8"/>
<text text-anchor="middle" x="1579" y="-192.6" font-family="Times,serif" font-size="14.00">DisabledLabelComponent </text>
</g>
<!-- SharedModule&#45;&gt;DisabledLabelComponent  -->
<g id="edge15" class="edge">
<title>SharedModule&#45;&gt;DisabledLabelComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1193.36,-142.8C1305.66,-142.8 1570.62,-142.8 1570.62,-142.8 1570.62,-142.8 1570.62,-168.52 1570.62,-168.52"/>
<polygon fill="black" stroke="black" points="1567.13,-168.52 1570.62,-178.52 1574.13,-168.52 1567.13,-168.52"/>
</g>
<!-- JsonViewerComponent  -->
<g id="node17" class="node">
<title>JsonViewerComponent </title>
<polygon fill="#fb8072" stroke="black" points="1477.43,-214.8 1326.57,-214.8 1326.57,-178.8 1477.43,-178.8 1477.43,-214.8"/>
<text text-anchor="middle" x="1402" y="-192.6" font-family="Times,serif" font-size="14.00">JsonViewerComponent </text>
</g>
<!-- SharedModule&#45;&gt;JsonViewerComponent  -->
<g id="edge16" class="edge">
<title>SharedModule&#45;&gt;JsonViewerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1193.39,-146.8C1266.64,-146.8 1395.51,-146.8 1395.51,-146.8 1395.51,-146.8 1395.51,-168.75 1395.51,-168.75"/>
<polygon fill="black" stroke="black" points="1392.01,-168.75 1395.51,-178.75 1399.01,-168.75 1392.01,-168.75"/>
</g>
<!-- KeyValuePairDirective  -->
<g id="node18" class="node">
<title>KeyValuePairDirective </title>
<polygon fill="#fb8072" stroke="black" points="1308.39,-214.8 1157.61,-214.8 1157.61,-178.8 1308.39,-178.8 1308.39,-214.8"/>
<text text-anchor="middle" x="1233" y="-192.6" font-family="Times,serif" font-size="14.00">KeyValuePairDirective </text>
</g>
<!-- SharedModule&#45;&gt;KeyValuePairDirective  -->
<g id="edge17" class="edge">
<title>SharedModule&#45;&gt;KeyValuePairDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1175.39,-149.91C1175.39,-149.91 1175.39,-168.79 1175.39,-168.79"/>
<polygon fill="black" stroke="black" points="1171.89,-168.79 1175.39,-178.79 1178.89,-168.79 1171.89,-168.79"/>
</g>
<!-- KeyValuePairsComponent  -->
<g id="node19" class="node">
<title>KeyValuePairsComponent </title>
<polygon fill="#fb8072" stroke="black" points="1139.58,-214.8 970.42,-214.8 970.42,-178.8 1139.58,-178.8 1139.58,-214.8"/>
<text text-anchor="middle" x="1055" y="-192.6" font-family="Times,serif" font-size="14.00">KeyValuePairsComponent </text>
</g>
<!-- SharedModule&#45;&gt;KeyValuePairsComponent  -->
<g id="edge18" class="edge">
<title>SharedModule&#45;&gt;KeyValuePairsComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1117.29,-149.91C1117.29,-149.91 1117.29,-168.79 1117.29,-168.79"/>
<polygon fill="black" stroke="black" points="1113.79,-168.79 1117.29,-178.79 1120.79,-168.79 1113.79,-168.79"/>
</g>
<!-- MaterialModule  -->
<g id="node20" class="node">
<title>MaterialModule </title>
<polygon fill="#fb8072" stroke="black" points="952.47,-214.8 841.53,-214.8 841.53,-178.8 952.47,-178.8 952.47,-214.8"/>
<text text-anchor="middle" x="897" y="-192.6" font-family="Times,serif" font-size="14.00">MaterialModule </text>
</g>
<!-- SharedModule&#45;&gt;MaterialModule  -->
<g id="edge19" class="edge">
<title>SharedModule&#45;&gt;MaterialModule </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1094.61,-146.8C1022.53,-146.8 897,-146.8 897,-146.8 897,-146.8 897,-168.75 897,-168.75"/>
<polygon fill="black" stroke="black" points="893.5,-168.75 897,-178.75 900.5,-168.75 893.5,-168.75"/>
</g>
<!-- NodeViewerComponent  -->
<g id="node21" class="node">
<title>NodeViewerComponent </title>
<polygon fill="#fb8072" stroke="black" points="824.36,-214.8 667.64,-214.8 667.64,-178.8 824.36,-178.8 824.36,-214.8"/>
<text text-anchor="middle" x="746" y="-192.6" font-family="Times,serif" font-size="14.00">NodeViewerComponent </text>
</g>
<!-- SharedModule&#45;&gt;NodeViewerComponent  -->
<g id="edge20" class="edge">
<title>SharedModule&#45;&gt;NodeViewerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1094.76,-142.8C1003.01,-142.8 815.11,-142.8 815.11,-142.8 815.11,-142.8 815.11,-168.52 815.11,-168.52"/>
<polygon fill="black" stroke="black" points="811.61,-168.52 815.11,-178.52 818.61,-168.52 811.61,-168.52"/>
</g>
<!-- StateLabelComponent  -->
<g id="node22" class="node">
<title>StateLabelComponent </title>
<polygon fill="#fb8072" stroke="black" points="649.19,-214.8 504.81,-214.8 504.81,-178.8 649.19,-178.8 649.19,-214.8"/>
<text text-anchor="middle" x="577" y="-192.6" font-family="Times,serif" font-size="14.00">StateLabelComponent </text>
</g>
<!-- SharedModule&#45;&gt;StateLabelComponent  -->
<g id="edge21" class="edge">
<title>SharedModule&#45;&gt;StateLabelComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1094.75,-139.8C968.78,-139.8 644.65,-139.8 644.65,-139.8 644.65,-139.8 644.65,-168.76 644.65,-168.76"/>
<polygon fill="black" stroke="black" points="641.15,-168.76 644.65,-178.76 648.15,-168.76 641.15,-168.76"/>
</g>
<!-- MaterialModule -->
<g id="node14" class="node">
<title>MaterialModule</title>
<polygon fill="#8dd3c7" stroke="black" points="286.47,-84.8 283.47,-88.8 262.47,-88.8 259.47,-84.8 179.53,-84.8 179.53,-48.8 286.47,-48.8 286.47,-84.8"/>
<text text-anchor="middle" x="233" y="-62.6" font-family="Times,serif" font-size="14.00">MaterialModule</text>
</g>
<!-- MaterialModule&#45;&gt;SharedModule -->
<g id="edge13" class="edge">
<title>MaterialModule&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M233,-84.91C233,-104.14 233,-131.8 233,-131.8 233,-131.8 1084.7,-131.8 1084.7,-131.8"/>
<polygon fill="black" stroke="black" points="1084.7,-135.3 1094.7,-131.8 1084.7,-128.3 1084.7,-135.3"/>
</g>
<!-- HelperService -->
<g id="node23" class="node">
<title>HelperService</title>
<ellipse fill="#fdb462" stroke="black" cx="90" cy="-66.8" rx="66.03" ry="18"/>
<text text-anchor="middle" x="90" y="-62.6" font-family="Times,serif" font-size="14.00">HelperService</text>
</g>
<!-- HelperService&#45;&gt;SharedModule -->
<g id="edge22" class="edge">
<title>HelperService&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M90,-84.93C90,-105.37 90,-135.8 90,-135.8 90,-135.8 1084.58,-135.8 1084.58,-135.8"/>
<polygon fill="black" stroke="black" points="1084.58,-139.3 1094.58,-135.8 1084.58,-132.3 1084.58,-139.3"/>
</g>
</g>
</svg>

    </div>
    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
    <div class="btn-group size-buttons">
        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
        <button id="reset" class="btn btn-default btn-sm">Reset</button>
        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
    </div>
</div>
<script src="../js/libs/svg-pan-zoom.min.js"></script>
<script src="../js/svg-pan-zoom.controls.js"></script>

<ul class="nav nav-tabs" role="tablist">
    <li  class="active" >
        <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
    </li>
    <li >
        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info">

        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>src/app/shared/shared.module.ts</code>
        </p>





        <div class="container-fluid module">
            <div class="row">
                <div class="col-sm-3">
                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank"
                            title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="../components/AlertDialogComponent.html">AlertDialogComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/ConfirmDialogComponent.html">ConfirmDialogComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/DataTableComponent.html">DataTableComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/DetailHeaderComponent.html">DetailHeaderComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/DisabledLabelComponent.html">DisabledLabelComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/InputDialogComponent.html">InputDialogComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/InputInlineComponent.html">InputInlineComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/JsonViewerComponent.html">JsonViewerComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../directives/KeyValuePairDirective.html">KeyValuePairDirective</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/KeyValuePairsComponent.html">KeyValuePairsComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/NodeViewerComponent.html">NodeViewerComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/StateLabelComponent.html">StateLabelComponent</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Providers<a href="https://angular.io/api/core/NgModule#providers" target="_blank"
                            title="Official documentation about module providers"><span class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="../injectables/HelperService.html">HelperService</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span
                                class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="../modules/MaterialModule.html">MaterialModule</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span
                                class="icon ion-ios-information-circle-outline"></a></h3>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="../components/DetailHeaderComponent.html">DetailHeaderComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/DisabledLabelComponent.html">DisabledLabelComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/JsonViewerComponent.html">JsonViewerComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../directives/KeyValuePairDirective.html">KeyValuePairDirective</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/KeyValuePairsComponent.html">KeyValuePairsComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../modules/MaterialModule.html">MaterialModule</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/NodeViewerComponent.html">NodeViewerComponent</a>
                        </li>
                        <li class="list-group-item">
                            <a href="../components/StateLabelComponent.html">StateLabelComponent</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


    </div>


    <div class="tab-pane fade  tab-source-code" id="c-source">
        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from &#x27;@angular/core&#x27;;
import { CommonModule } from &#x27;@angular/common&#x27;;
import { RouterModule } from &#x27;@angular/router&#x27;;
import { FlexLayoutModule } from &#x27;@angular/flex-layout&#x27;;
import { FormsModule } from &#x27;@angular/forms&#x27;;

import { NgxDatatableModule } from &#x27;@swimlane/ngx-datatable&#x27;;
import { NgxJsonViewerModule } from &#x27;ngx-json-viewer&#x27;;
import { AceEditorModule } from &#x27;ng2-ace-editor&#x27;;

import { MaterialModule } from &#x27;./material.module&#x27;;
import { HelperService } from &#x27;./helper.service&#x27;;
import { InputDialogComponent } from &#x27;./dialog/input-dialog/input-dialog.component&#x27;;
import { DetailHeaderComponent } from &#x27;./detail-header/detail-header.component&#x27;;
import {
  KeyValuePairDirective,
  KeyValuePairsComponent,
} from &#x27;./key-value-pairs/key-value-pairs.component&#x27;;
import { JsonViewerComponent } from &#x27;./json-viewer/json-viewer.component&#x27;;
import { AlertDialogComponent } from &#x27;./dialog/alert-dialog/alert-dialog.component&#x27;;
import { StateLabelComponent } from &#x27;./state-label/state-label.component&#x27;;
import { NodeViewerComponent } from &#x27;./node-viewer/node-viewer.component&#x27;;
import { InputInlineComponent } from &#x27;./input-inline/input-inline.component&#x27;;
import { DataTableComponent } from &#x27;./data-table/data-table.component&#x27;;
import { ConfirmDialogComponent } from &#x27;./dialog/confirm-dialog/confirm-dialog.component&#x27;;
import { DisabledLabelComponent } from &#x27;./disabled-label/disabled-label.component&#x27;;

@NgModule({
  imports: [
    CommonModule,
    RouterModule,
    MaterialModule,
    FlexLayoutModule,
    FormsModule,
    NgxDatatableModule,
    NgxJsonViewerModule,
    AceEditorModule,
  ],
  declarations: [
    InputDialogComponent,
    AlertDialogComponent,
    DetailHeaderComponent,
    KeyValuePairDirective,
    KeyValuePairsComponent,
    JsonViewerComponent,
    StateLabelComponent,
    NodeViewerComponent,
    InputInlineComponent,
    DataTableComponent,
    ConfirmDialogComponent,
    DisabledLabelComponent,
  ],
  exports: [
    RouterModule,
    MaterialModule,
    FlexLayoutModule,
    FormsModule,
    NgxJsonViewerModule,
    DetailHeaderComponent,
    KeyValuePairDirective,
    KeyValuePairsComponent,
    JsonViewerComponent,
    StateLabelComponent,
    NodeViewerComponent,
    DisabledLabelComponent,
  ],
  providers: [HelperService],
})
export class SharedModule {}
</code></pre>
    </div>
</div>

















                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

          <label class="dark-mode-switch">
               <input type="checkbox">
               <span class="slider">
                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
                    </svg>
               </span>
          </label>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
            var COMPODOC_CURRENT_PAGE_URL = 'SharedModule.html';
            var MAX_SEARCH_RESULTS = 15;
       </script>

       <script src="../js/libs/custom-elements.min.js"></script>
       <script src="../js/libs/lit-html.js"></script>

       <script src="../js/menu-wc.js" defer></script>
       <script nomodule src="../js/menu-wc_es5.js" defer></script>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/clipboard.min.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
          <script src="../js/search/search.js"></script>
          <script src="../js/search/lunr.min.js"></script>
          <script src="../js/search/search-lunr.js"></script>
          <script src="../js/search/search_index.js"></script>
       <script src="../js/lazy-load-graphs.js"></script>


    </body>
</html>
